@charset "utf-8";
@import 'utils';
/*@import "reset";*/
/*@import "common";*/
.classification_web{
    @include web;
    //头部引入 
    section{ 
        @include midContent;
        >ul{ 
            border-bottom: 1px solid #b9bab9;
            white-space: nowrap;
            margin-top: r(20);
            li{
                display: inline-block;
                font-size: r(24+8);
                height: r(70);
                line-height: r(70);
                margin: 0 r(18);
                padding: 0 r(6);
            }
            >hr{
                height: r(5);
                margin: 0;
                position: absolute;
                transition: all .3s;
                top: r(84);
            }
        }
        //二级菜单
        .list{
            height: r(66);
            width: 100%;
            margin: r(24) 0;
            ul{
                width: 100%;
                height: r(66);
                white-space: nowrap;
                overflow: hidden;
                position: relative;
                li{
                    width: 100%;
                    height: r(66);
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 0;
                    p{
                        display: inline-block;
                        height: r(66);
                        line-height: r(66);
                        padding: 0 r(16);
                        background-color: #f9ebe7;
                        font-size: r(20+8);
                        margin-right: r(10);
                    }
                }
                li.hierarchy{
                    opacity: 1;
                }
            }
        }
        .mod{
            width: 100%;
            height: r(327);
            position: relative;
            overflow: hidden;
            border-radius: r(10);
            img{
                width: 100%;
                @include abCenter;
            }
        }
        //产品展示
        .module{
            margin-top: r(32);
            ul{
                overflow: hidden;
                li{
                    border-radius: r(8);
                    width: r(335);
                    height: r(298);
                    position: relative;
                    overflow: hidden;
                    img{
                        width: 100%;
                        @include abCenter;
                    }
                }
                li:nth-child(2n){
                    float: right;
                }
                li:nth-child(2n+1){
                    float: left;
                }
            }
        }
    }
}
